@charset "utf-8";
/* bannerBox */
.c-bannerBox{
	width: 100%;
	position: relative;
	margin-top: -0.6rem;
}
.c-bannerBox img{
	width: 100%;
	max-width: 100%;
}
.c-bannerBox .bannerBox ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.c-bannerBox .bannerBox ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-bannerBox .bannerBox ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-bannerBox .bannerBox ul li a{
    width: 100%;
    position: absolute;
    top: 0px;
    display: block;
    min-height: 10rem;
}
.c-bannerBox .bannerBox ul li:first-child a{
	position: relative;
}
.c-bannerBox .nexImg,.c-bannerBox .preImg{
    padding: 0.5rem 0.3rem;
    position: absolute;
    top: 33%;
    background: #000000;
    opacity: 0.3;
    border-radius: 0.2rem;
    z-index: 10;
    cursor: pointer;
}
.c-bannerBox .nexImg:hover,.c-bannerBox .preImg:hover{
	opacity: 0.8;
}
.c-bannerBox .nexImg{
	right: 0;
}
.c-bannerBox .nexImg img,.c-bannerBox .preImg img{
	
width: 1rem;
	
max-width: 1rem;
}
.c-bannerBox .jBtn{
	width: 100%;
	position: absolute;
	bottom: 0.5rem;
	text-align: center;
}
.c-bannerBox .jBtn ul{
	margin-bottom: 0;
	padding: 0;
}

.c-bannerBox .jBtn ul li{
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 0.2rem;
}
.c-bannerBox .jBtn ul li:first-child{
	margin-left: 0;
}
/*@media screen and (max-width:768px) {
	.c-bannerBox{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-bannerBox .bannerBox ul li a{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}*/